<demo>
## 自定义动画
</demo>
<!-- #region snippet -->
<template>
  <div class="doc-grid">
    <div class="doc-item">
      <m-tooltip content="Fade animation" placement="top" transition="el-fade-in">
        <m-button>Fade</m-button>
      </m-tooltip>
      <span>Fade</span>
    </div>
    <div class="doc-item">
      <m-tooltip content="Zoom animation" placement="top" transition="el-zoom-in-top">
        <m-button>Zoom</m-button>
      </m-tooltip>
      <span>Zoom</span>
    </div>
    <div class="doc-item">
      <m-tooltip content="Slide animation" placement="top" transition="el-slide-fade">
        <m-button>Slide</m-button>
      </m-tooltip>
      <span>Slide</span>
    </div>
  </div>
</template>
<!-- #endregion snippet -->

